<template>
  <div class="content">
    <section class="Stockduty_info">
      <div class="Stockduty_item">
        <div class="Stockduty_item_name">
          <span>纳税人名称：</span>
          <p><router-link to="/">阿里巴巴（中国）网络技术有限公司</router-link></p>
        </div>
        <div class="Stockduty_item_name">
          <span>纳税人识别号：</span>
          <p>-</p>
        </div>
        <div class="Stockduty_item_name">
          <span>纳税信用级别：</span>
          <p>A级纳税人</p>
        </div>
        <div class="Stockduty_item_name">
          <span>评价年度：</span>
          <p>2017</p>
        </div>
      </div>
      <div class="Stockduty_item">
        <div class="Stockduty_item_name">
          <span>纳税人名称：</span>
          <p><router-link to="/">阿里巴巴（中国）网络技术有限公司</router-link></p>
        </div>
        <div class="Stockduty_item_name">
          <span>纳税人识别号：</span>
          <p>-</p>
        </div>
        <div class="Stockduty_item_name">
          <span>纳税信用级别：</span>
          <p>A级纳税人</p>
        </div>
        <div class="Stockduty_item_name">
          <span>评价年度：</span>
          <p>2017</p>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="scss" scoped>
.content{
  background: #f8f8f8;
}
.Stockduty_info{
  background: #fff;
  .Stockduty_item:last-child{
    border-bottom: none;
  }
  .Stockduty_item{
    padding: 0.75rem;
    border-bottom: 1px solid #dddddd;
    .Stockduty_item_name:first-child{
      margin-top:0; 
    }
    .Stockduty_item_name:last-child{
      margin-bottom:0; 
    }
    .Stockduty_item_name{
      display: flex;
      margin: 0.75rem 0;
      span{
        min-width: 26%;
        color: #666666;
        text-align: justify;
        text-align-last: justify;
        // letter-spacing: 0.125rem;
      }
      p{
        font-weight: 500;
        max-width: 76%;
        color: #333;
      }
    }
  }
}
</style>
